<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--js使用ECMAScript规范-->
    <title>js的三种引入方式</title>
</head>
<body>
<!--1.行内写法，写在对应的html元素上-->
<!--onclick=""：给当前元素绑定一个点击事件，点击时触发""中的代码
             alert('')：显示弹窗，单引号
             console.log('')控制台输出内容-->
<p onclick="alert('请先登录！')">点击</p>
<button onclick="alert('请先登录！')">点击即玩</button>
<button onclick="console.log('点我干嘛')">点击即玩2</button>
<h1 id="h">标题</h1>
<!--2.内部写法，写在body标签结束之前，确保有效-->
<script>
    console.log('你好国庆')
    console.log(h)
</script>
<!--3.引入外部的js文件，注意：内部的js代码不会执行-->
<script src="01.js">
console.log('会执行吗')/*这行代码不能执行*/
</script>

</body>
</html>